@keyframes slideInFromLeft {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes flyOut {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(-100%) translateX(-50%) rotate(180deg);
    opacity: 0;
  }
}
.pagination{text-align:center;margin:30px 0;font-family:'Arial',sans-serif}.pagination a,.pagination span{padding:8px 15px;margin:0 5px;border:2px solid#e0e0e0;border-radius:20px;display:inline-block;transition:all 0.3s ease;color:#333;background-color:#fff;text-decoration:none}.pagination a:hover,.pagination span:hover{background-color:#e0e0e0}.pagination-current{font-weight:bold;background-color:#007bff;color:#fff;border-color:#007bff;box-shadow:0 2px 5px rgba(0,123,255,0.2)}.pagination-previous,.pagination-next,.pagination-first,.pagination-last{background-color:#f8f8f8;border-color:#e0e0e0}.pagination input[type="number"]{padding:8px 15px;border-radius:20px;border-color:#e0e0e0;transition:all 0.3s ease}.pagination input[type="number"]:focus{outline:none;box-shadow:0 0 0 2px rgba(0,123,255,0.2)}.button-jump{padding:10px 20px;border:none;border-radius:5px;background-image:linear-gradient(to right,#4facfe 0%,#00f2fe 100%);color:white;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 6px rgba(0,0,0,0.2);outline:none}.button-jump:hover{background-image:linear-gradient(to right,#00f2fe 0%,#4facfe 100%);box-shadow:0 4px 8px rgba(0,0,0,0.3);transform:translateY(-2px)}.layui-card{border:none;background-color:#ffffff}.layui-card-header{background-color:transparent;padding:20px;display:flex;align-items:center;justify-content:space-between}.icon-tip{font-size:1.5em;color:#007bff}.layuimini-notice-list{list-style:none;padding:0}.layuimini-notice{border-bottom:1px solid#eaeaea;padding:20px;cursor:pointer;transition:background-color 0.3s ease,transform 0.3s ease;animation: slideInFromLeft 1s ease-out forwards;animation-fill-mode: both;
  }.layuimini-notice:hover{background-color:#f5f5f5;transform:translateY(-5px)}.layuimini-notice-title{font-size:1.5em;font-weight:500;color:#333}.layuimini-notice-content{font-size:0.9em;color:#666;margin-top:10px}@media(max-width:768px){.layui-card-header{flex-direction:column}.icon-tip{margin-bottom:10px}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}} .layuimini-notice-popup-title{font-size:1.75em;color:#ffffff;margin-bottom:10px;text-shadow:none}.layuimini-notice-popup-content{font-size:1.35em;line-height:1.6;color:#f5f5f5;animation:slideInFromLeft 1s ease-out forwards;margin-bottom:15px}.layuimini-notice-popup-time{font-size:0.85em;color:#a0b3c1;text-align:right}.layui-layer-btn a{padding:10px 25px;border-radius:30px;background-image:linear-gradient(to right,#1e4c8f,#3a86d6);color:#ffffff;border:none;margin-right:15px;transition:all 0.3s ease;box-shadow:0 2px 6px rgba(0,0,0,0.4)}.popup-content img{max-width:100%;max-height:100%;height:auto;object-fit:contain;margin:auto}.layui-layer-btn a:hover{background-image:linear-gradient(to right,#3a86d6,#1e4c8f);transform:translateY(-2px)}.layer-anim{animation:bounceIn 0.5s}@keyframes bounceIn{0%{opacity:0;transform:scale(0.5)}100%{opacity:1;transform:scale(1)}}.layer-close{animation: flyOut 0.5s ease forwards;}@keyframes bounceOut{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0.5)}}body{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400%400%;animation:gradientBG 15s ease infinite}@keyframes gradientBG{0%{background-position:0%50%}50%{background-position:100%50%}100%{background-position:0%50%}}.layui-card-body.layui-text{background:rgba(0,0,0,0.5);color:#fff;border:none;border-radius:10px;padding:40px;margin-bottom:20px;box-shadow:0 10px 30px rgba(0,0,0,0.5),0 0 10px rgba(0,0,0,0.5);font-family:'Share Tech',sans-serif;position:relative;overflow:hidden}.layuimini-notice{background:rgba(255,255,255,0.1);margin-bottom:20px;border-radius:5px;padding:20px;transition:transform 0.2s ease-in-out,box-shadow 0.2s ease-in-out}.layuimini-notice:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(255,255,255,0.5)}.layuimini-notice-title{font-size:24px;font-weight:bold;color:#fff;text-shadow:0 0 5px#0ff,0 0 10px#0ff,0 0 20px#0ff,0 0 30px#0ff,0 0 40px#0ff;margin-bottom:10px}.layuimini-notice-content{font-size:18px;line-height:1.4;margin-top:10px;text-shadow:0 0 3px rgba(255,255,255,0.6)}.layuimini-notice-extra{font-size:14px;color:rgba(255,255,255,0.8);text-shadow:0 0 3px rgba(0,0,0,0.5);margin-top:5px}.layui-card-body.layui-text::-webkit-scrollbar{width:10px}.layui-card-body.layui-text::-webkit-scrollbar-thumb{background:linear-gradient(45deg,rgba(255,255,255,0.2),rgba(255,255,255,0.8));border-radius:5px}.layui-card-body.layui-text::-webkit-scrollbar-track{background:rgba(0,0,0,0.3)}
  .layuimini-notice-popup{padding:20px;max-height: 80vh; 
    overflow-y: auto;border-radius:10px;background-color:#0a192f;color:#c3cfe0;box-shadow:0 4px 12px rgba(0,0,0,0.5);font-family:'Arial',sans-serif}
  @import url('https://fonts.googleapis.com/css?family=Orbitron:700');
.layuimini-notice-popup img {
  max-width: 100%;  
  max-height: 100%;
  height: auto;     
  width: auto;      
}
.sci-fi-msg {
  background: linear-gradient(135deg, #6e45e2 0%, #88d3ce 100%);
  color: #fff;
  padding: 20px;
  border-radius: 10px;
  font-family: 'Orbitron', sans-serif;
  font-size: 18px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  text-align: center;
  animation: slideInFromRight 0.5s ease-out forwards;
  transform-style: preserve-3d;
  perspective: 1000px;
}

.sci-fi-msg .layui-layer-msgmain {
  text-shadow: 0 0 5px #fff, 0 0 10px #fff;
}

.sci-fi-msg .layui-layer-close1 {
  background-color: transparent;
  color: #fff;
  text-shadow: none;
  font-size: 24px;
  cursor: pointer;
  outline: none; 
}










@media (max-width: 768px) {
  .sci-fi-msg {
    width: 90%;
    padding: 15px;
  }
}